<template>
	<view>
		<view class="resident-list-box" v-for="(items,index) in postArray" :key="index">
			<view class="flex add-margin">
				<view class="post-title">岗位名称:</view>
				<view class="post-post">{{items.title}}</view>
			</view>
			<view class="flex add-margin">
				<view class="post-title">负责人才数量:</view>
				<view class="post-post">{{items.num}}</view>
			</view>
			<view class="flex btm-btn-box">
				<view class="btm-left-btn">负责人才情况</view>
				<view class="btm-right-btn">+添加负责人才</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			postArray:{
				type:Array,
			}
		}
	}
</script>

<style scoped lang="stylus">
	.resident-list-box{
		height:334upx;
		width:670upx;
		background:#fff;
		margin:32upx auto;
		padding-top:54upx;
		.add-margin{
			margin-bottom:36upx;
			margin-left:30upx;
			.post-title{
				font-size:30upx;
				color:#666;
			}
			.post-post{
				font-size:34upx;
				font-weight:400;
				margin-left:12upx;
				color:#333;
			}
		}
		.btm-btn-box{
			margin-top:54upx;
			.btm-left-btn{
				height:64upx;
				width:276upx;
				margin-left:40upx;
				background:linear-gradient(270deg,rgba(0,106,231,1) 0%,rgba(66,157,255,1) 100%);
				text-align:center;
				line-height:64upx;
				font-size:32upx;
				color:#fff;
				border-radius:4upx;
			}
			.btm-right-btn{
				width:276upx;
				height:64upx;
				border-radius:4upx;
				border:2upx solid rgba(74,144,226,1);
				margin-left:38upx;
				text-align:center;
				line-height:64upx;
				color:#4A90E2;
				border-radius:4upx;
			}
		}
	}
</style>
